昨天跟大家介紹 HTML 的基本語法，如果不懂 HTML 還真的不能整人0.0
今天要講的 CSS 跟整人完全一點關係都沒有，就算不學 CSS 還是不會影響整人的效果～
但是當別人看到你沒用 CSS 做出來的簡陋網頁 - 跑版的跑版、按鈕小的要死根本沒辦法按 就會恨你ㄌ
CSS 全名叫做階層樣式表 (Cascading Stylesheets)，可以在 HTML 中的標籤元素上套用不同的樣式（style），像是更改圖文的排列位置、背景顏色、字體間距及大小等...。簡單來說 CSS 就是用來美化網頁的一種風格頁面語言。
下圖是 CSS 的語法規則：
現在把昨天的 HTML 基本頁面範例拿出來，看看加上 CSS 後的改變：
可以看到文字、背景顏色都改變了，段落間也出現邊框。
雖然上面已經看到 CSS 語法放在<style> </style>標籤之間，但其實還有其他做法：
style=＂屬性：值；＂，優點是很直覺，加了什麼就改什麼；缺點是語法不乾淨，容易加很多重複的語法，不易管理。
<head>標籤裡加上 <link rel="stylesheet" href="style.css">。這樣就不會怕一堆 CSS 語法導致頁面很亂，也比較容易維護。
iThome鐵人賽
看影片追技術